html,body {height:100%; background:#eee;}
.none{display:none;overflow:hidden;}
a,button,
input[type=submit],
input[type=button]{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}
body {color:#333;font-family:"Microsoft YaHei", Arial, Verdana, serif;font-size:14px;line-height:1.4;-webkit-user-select:none; /* 禁止选择 */-webkit-touch-callout:none; /* 禁用弹出 */}
.wrapper{width:100%;display:block;min-width:320px;}
.main{margin:0 auto;}
#wrap{position:relative;min-height:100%;_height:100%; overflow:hidden;}
#pages{position:absolute; top:0;left:0;width:100%;height:100%; text-align:center;}
.page{position:absolute;top:0;left:0;width:100%;height:100%;}
.uparrow{position:fixed;left:50%; z-index: 9999; bottom:0; margin-left:-10px;width:20px; height:20px;-webkit-animation:updown 1.4s linear infinite;animation: updown 1.4s linear infinite;}
.uparrow span{width:20px; height:20px;transform:rotate(45deg); border-left:3px solid #fff;border-top:3px solid #fff; display:block}
.font-up{padding:5px;}
.font-up h3{-webkit-animation: font-updow 1s;}
.font-up .content{-webkit-animation: font-content 1.3s;}
   @keyframes updown {
        25% {transform:translateY(10px);opacity:0;}	
		50%,100% {transform:translateY(0);opacity:1;} 
        75% {transform:translateY(-10px);opacity:0;}
        }
        @keyframes font-updow {
        25% {transform:translateY(60px);opacity:0;}	
		100% {transform:translateY(0);opacity:1;} 
        }
         @keyframes font-content {
        25% {transform:translateY(120px);opacity:0;}	
		100% {transform:translateY(0);opacity:1;} 
        }
        